<%@ page language="java" pageEncoding="UTF-8" %>
<%@ page language="java" contentType="text/html;" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>安徽中意之旅信息科技有限公司(www.zhongyizhilv.com)版权所有</title>
<link href="${ctx}/css/common.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="${ctx}/css/slide.css">
<script type="text/javascript" src="${ctx}/js/jquery-1.7.2.min.js"></script>
<script src="${ctx}/js/index.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery.SuperSlide.2.1.1.js"></script>

<style type="text/css">
  .button-position1{position:absolute;top:253px;left:395px;}
  .button-position2{position:absolute;top:253px;left:1005px;}
  .button-position3{position:absolute;top:253px;left:1025px;}
  .button-div{width:180px;height:70px;font-size: 26px;color:#FFF;line-height: 67px;text-align: center;}
  .main_nav .ul2 {
    display: none;
    height: 80px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 58px;
    width: 980px;
    z-index: 2;
}
.other:hover{border-bottom: 2px solid #ff1010;}
.other:hover>a{
  color:#ff1010;
}
</style>
<script type="text/javascript">
$("#aboutus").mouseover(function(){
   $("#aboutusul").show();
});
 
</script>
</head>

<body>
<div class="header">
 <div class="grid-1002" style="width:100%;">
 <div id="wrap">
            <!--头部-->
            <div id="top_box">
               <!--导航-->
               <!--透明层-->
               <div class="alpha_bg2"></div>
               <div style="z-index:1;display: none; height: 80px; opacity: 0;" class="alpha_bg"></div>
                <div class="nav clear" style="margin-top:10px;">
                    <a href="{:U('Index/Index')}"><div class="fl" style="margin-top:10px;"><img src="${ctx}/images/logo.gif" /></div></a>
            
                    <ul>
                        <li class="other">
                            <a class="" href="{:U('Index/Index')}">首页</a>
                        </li>
                        <li>
                            <a class="" href="{:U('Service/serv1')}">服务中心</a>
                            <ul style="display: none; opacity: 0;" class="ul2 clear m2">
                                <li><a href="{:U('Service/serv3')}"><i class="i5"></i><span>服务理念</span></a></li>
                                <li><a href="{:U('Service/serv2')}"><i style="background-position: -259px 0px;" class="i6"></i><span>服务优势</span></a></li>
                                <li><a href="{:U('Service/serv1')}"><i style="background-position: -311px 0px;" class="i7"></i><span>服务内容</span></a></li>
                            </ul>
                        </li>
                        <li class="other">
                            <a class="" href="{:U('Index/Index/solutions')}">产品中心</a>
                        </li>
                        <li class="other">
                            <a class="" href="{:U('News/newsd')}">新闻资讯</a>
                        </li>
                         <li>
                            <a class="" href="{:U('Index/Index/profile')}">关于我们</a>
                            <ul style="display: none; opacity: 0;" class="ul2 clear m4">
                                <li><a href="{:U('Index/Index/map')}"><i class="i20"></i><span>联系我们</span></a></li>
                                <li><a href="{:U('Recruitment/info')}"><i class="i21"></i><span>人才招聘</span></a></li>
                                <li><a href="{:U('Index/Index/profile')}"><i class="i23"></i><span>公司概况</span></a></li>
                            </ul>
                        </li>
                    </ul>
                </div>  
                    
                       
            </div>
          </div>
  </div>
</div>
<!--banner--> 
<div class="banner-box">
  <div class="bd">
        <ul>                
            <li style="background:#F3E5D8;position:relative">
                <div class="m-width">
                <a href="http://www.51zhongyixing.com" target="_blank"><img src="${ctx}/images/banner1.jpg" /></a>
                </div>
                <a href="http://www.51zhongyixing.com" target="_blank"><div class="button-position1 button-div">立即注册</div><img src="${ctx}/images/btn.png" class="button-position1" /></a>
            </li>
            <li style="background:#B01415;position:relative">
                <div class="m-width">
                <a href="javascript:void(0);"><img src="${ctx}/images/banner2.jpg" /></a>
                </div>
                 <a href=""><div class="button-position1 button-div">立即注册</div><img src="${ctx}/images/btn.png" class="button-position1" /></a>
            </li>
            <li style="background:#C49803;position:relative">
                <div class="m-width">
                <a href="javascript:void(0);"><img src="${ctx}/images/banner3.jpg" /></a>
                </div>
                 <a href=""><div class="button-position2 button-div">立即查看</div><img src="${ctx}/images/btn.png" class="button-position2" /></a>
            </li>
            <li style="background:#FDFDF5;position:relative">
                <div class="m-width">
                <a href="javascript:void(0);"><img src="${ctx}/images/banner4.jpg" /></a>
                </div>
                 <a href=""><div class="button-position3 button-div">立即查看</div><img src="${ctx}/images/btn.png" class="button-position3" /></a>
            </li>  
         
        </ul>
    </div>
    <div class="banner-btn">
        <a class="prev" href="javascript:void(0);"></a>
        <a class="next" href="javascript:void(0);"></a>
        <div class="hd" style="z-index:100" id="hd"><ul></ul></div>
    </div>
</div>

<!--中下部内容-->
<div id="content_home">
 <div class="grid-1002">
  <A href="{:U('Solutions/index')}">
    <div class="column icon_1"> 
     <div class="icon_div"></div>
     <div class="icon_mod">
      <h2>中意行</h2>
      <span>"中意行" 集机票、酒店、交通、餐饮、景点门票于一体的综合电商平台，为企业差旅管理提供便捷差旅服务。</span>
     </div>
    </div>
  </A>
  <A href="{:U('Solutions/zypay')}">
  <div class="column icon_2">
   <div class="icon_div"></div>
   <div class="icon_mod">
    <h2>中意付</h2>
    <span>"中意付" 将建成安徽省内首家面向全国业务的第三方支付公司，竭力满足中小企业电商化的需求。
</span>
   </div>
  </div>
  </A>
  <A href="{:U('Solutions/wifi')}">
  <div class="column icon_3" style="border:none;">
   <div class="icon_div"></div>
   <div class="icon_mod">
    <h2>E-WIFI传媒平台</h2>
    <span>E-WIFI传媒平台将无线WIFI上网服务和内容自主推送相结合，建成大规模行业定制宣传媒体平台，协助店商定向用户推送广告服务。</span>
   </div>
  </div>
  </A>
 </div>
</div>


<link rel="stylesheet" href="./css/zzsc.css"/>
<div class="footer">
 <div class="grid-1002">
   <div style="font-size:13px;">
   <a href="javascript:;">关于我们</a>｜<a href="javascript:;">官方博客</a>｜<a href="javascript:;">诚征英才</a>｜<a href="javascript:;">联系我们</a>｜&nbsp;About Zhongyizhilv&nbsp;&nbsp;安徽中意之旅信息科技有限公司版权所有&nbsp;&nbsp;Copyright©2013-2015&nbsp;&nbsp;皖ICP备14002904号-1
   <br /> <br />
  &nbsp;友情链接：<a target="_blank" href="http://www.piaomeng.net/zyzl/index.html">北京中意之旅</a>｜<a target="_blank" href="javascript:;">中意付</a>｜<a target="_blank" href="http://51zhongyixing.com">中意行</a>
   </div>
 </div>
</div>

<div id="leftsead">
  <ul>
    <li>
      <a href="javascript:void(0)" class="youhui">
        <img src="${ctx}/images/l02.png" width="47" height="49" class="shows" />
        <img src="${ctx}/images/a.png" width="57" height="49" class="hides" />
        <img src="${ctx}/images/code.gif" width="145" class="2wm" style="display:none;margin:-100px 57px 0 0" />
      </a>
    </li>
    <li>
      <a href="http://wpa.qq.com/msgrd?v=3&uin=417836525&site=qq&menu=yes" target="_blank">
        <div class="hides" style="width:161px;display:none;" id="qq">
          <div class="hides" id="p1">
            <img src="${ctx}/images/ll04.png">
          </div>
          <div class="hides" id="p2"><span style="color:#FFF;font-size:13px">417836525</span>
          </div>
        </div>
        <img src="${ctx}/images/l04.png" width="47" height="49" class="shows" />
      </a>
    </li>
        <li id="tel">
        <a href="javascript:void(0)">
            <div class="hides" style="width:161px;display:none;" id="tels">
                <div class="hides" id="p1">
                    <img src="${ctx}/images/ll05.png">
                </div>
                <div class="hides" id="p3"><span style="color:#FFF;font-size:12px">0544-2680152</span>
                </div>
            </div>
        <img src="${ctx}/images/l05.png" width="47" height="49" class="shows" />
        </a>
        </li>
        <li id="btn">
        <a id="top_btn">
            <div class="hides" style="width:161px;display:none">
                <img src="${ctx}/images/ll06.png" width="161" height="49" />
            </div>
            <img src="${ctx}/images/l06.png" width="47" height="49" class="shows" />
        </a>
    </li>
    </ul>
</div>

<script>

$(document).ready(function(){
    
    $("#leftsead a").hover(function(){
        if($(this).prop("className")=="youhui"){
            $(this).children("img.hides").show();
        }else{
            $(this).children("div.hides").show();
            $(this).children("img.shows").hide();
            $(this).children("div.hides").animate({marginRight:'0px'},'0'); 
        }
    },function(){ 
        if($(this).prop("className")=="youhui"){
            $(this).children("img.hides").hide();
        }else{
            $(this).children("div.hides").animate({marginRight:'-163px'},0,function(){$(this).hide();$(this).next("img.shows").show();});
        }
    });

    $("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

      //右侧导航 - 二维码
        $(".youhui").mouseover(function(){
            $(this).children(".2wm").show();
        })
        $(".youhui").mouseout(function(){
            $(this).children(".2wm").hide();
        });


});


</script>
<!-- 代码 结束 -->
<script type="text/javascript" src="${ctx}/js/common.js"></script>
<script type="text/javascript" src="${ctx}/js/ie8.js"></script>
<script type="text/javascript" src="${ctx}/js/navigator.js"></script>



<script type="text/javascript">
  
  $("#top_btn").click(function(){
    if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

  $(".prev,.next").hover(function(){
    $(this).stop(true,false).fadeTo("show",0.9);
  },function(){
    $(this).stop(true,false).fadeTo("show",0.4);
  });
  
  $(".banner-box").slide({
    titCell:".hd ul",
    mainCell:".bd ul",
    effect:"fold",
    interTime:3500,
    delayTime:500,
    autoPlay:true,
    autoPage:true, 
    trigger:"click" 
  });
var w =  window.screen.width;
var hdw = $("#hd").width()+22;
var l = ((w-hdw)/2)-200;
$("#hd").attr("style","left:"+l+"px;");

</script>

</body>
</html>
